<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Chi tiết sản phẩm</title>
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.simplyscroll.js"></script>
<!-- script menutop -->
<script type="text/javascript">
	$(document).ready(function(){
		$(".menu_top li").hover(function(){
			$(this).find('ul:first').css({visibility:"visible",display:"none"}).show(500)
			},function(){
				$(this).find('ul:first').css({visibility:"hidden"})
				});
		});
</script>

<link type="text/css" rel="stylesheet" href="css/jquery.simplyscroll_splienquan.css" />
<link type="text/css" rel="stylesheet" href="css/style_chitietsp.css" />
</head>

<body>
<center>
<div class="web">
	<div class="header">
    	<!-- logo --> 
    	<div class="logo">
            	<img src="images/logo_sach.gif" width="158" height="161" />
    	</div>
        <!-- close logo --> 
        <!-- header_top --> 
        <div class="header_top">
        	<!-- menu_top --> 
	    	<div class="menu_top">
            	<ul>
                	<li>
                    	<a href="#">Danh mục</a>
                        <ul>
                        	<li>
                            <a href="#">Đại học Ngoại Thương</a>
                            <ul>
                            	<li><a href="#">Khoa kinh tế đối ngoại</a></li>
                                <li><a href="#">Khoa quản trị kinh doanh</a></li>
                                <li><a href="#">Khoa tài chính ngân hàng</a></li>
                            </ul>
                            </li>
                            <li><a href="#">Đại học Ngoại Giao</a></li>
                            <li><a href="#">Sách kinh tế</a></li>
                        </ul>
                    </li>
                    <li>
                    <a href="#">Sbook</a>
                    <ul>
                            <li><a href="#">Giới thiệu</a></li>
                            <li><a href="#">Cửa hàng</a></li>
                            <li><a href="#">Liên hệ</a></li>
                            <li><a href="#">Đối tác</a></li>
                    </ul>
                    </li>
                    <li>
                    <a href="#">Sự kiện</a>
                    <ul>
                    	<li><a href="#">Tin tức</a></li>
                    	<li><a href="#">Chương trình đổi sách</a></li>
                    </ul>
                    </li>
                    <li>
                    <a href="#">Update đề thi</a>
                    <ul>
                    	<li><a href="#">Trường Ngoại thương</a></li>
                    	<li><a href="#">Trường Ngoại giao</a></li>
                    </ul>
                    </li>
                </ul>
                	<a href="#">Đăng nhập</a>
                    <strong style="color:#FFF; margin:5px 0px;">/</strong>
                    <a href="#">Đăng ký</a>
    	    </div>
            <!-- close menu_top --> 
            <!-- hỗ trợ trực tuyến --> 
            <div class="hotrotructuyen">
        		<a href="ymsgr:sendIM?huy_xda_pm1&amp;m=Chào bạn!"><img border=0 src=http://mail.opi.yahoo.com/online?u=huy_xda_pm1&amp;m=g&amp;t=2 vspace=0 width="121" height="34" /></a>
            	<a href="#"><img src="images/capsach.png" width="121" height="34" /></a>
        	</div>
            <!-- close hỗ trợ trực tuyến --> 
            <!-- search --> 
            <div class="search">
            	<form name="fsearch">
                	<input type="text" name="txtsearch" style="width:250px; height:20px; border-radius: 5px;" value="Tìm kiếm..." onfocus="if(this.value=='Tìm kiếm...')this.value='';" onblur="if(this.value=='')this.value='Tìm kiếm...';"/>
                    <input type="submit" name="btsearch" value="Theo tên, tác giả" style="height:25px;" />
                </form>
            </div>
            <!-- close search --> 
        </div>
        <!-- close header_top --> 
    </div>
    <!-- close header -->
    
<!-- chi tiết sản phẩm -->
<div class="chitietsp">
	<!-- -->
    <!-- chi tiết sp top -->
    <div class="chitietsp_top">
    	<a href="#">« Sách kinh tế</a>
    </div>
    <!-- close chi tiết sp top -->
    <!-- sản phẩm -->
    <div class="sanpham">
    	<!-- ảnh mẫu sản phẩm -->
    	<div class="sanpham_sp">
        	<div class="img_to">
            	<img src="images/img_book/phonglon1.jpg" width="300" height="450" />
            </div>
            <div class="img_nho">
            	<a href="images/img_book/phonglon1.jpg"><img src="images/img_book/phonglon1.jpg" width="90" height="67" /></a>
                <a href="images/img_book/phonglon2.jpg"><img src="images/img_book/phonglon2.jpg" width="90" height="67" /></a>
            </div>
        </div>
        <script type="text/javascript">
		$(document).ready(function() {
                    $('.img_nho a').click(function() {
                        var $this = $(this), url = $(this).attr('href');
                        $('.img_nho a').removeClass('selected');
                        $this.addClass('selected');

                        $('.img_to')
                .children('img')
                .fadeOut(400, function() {
                    $(this)
                    .attr('src', url)
                    .load(function() {
                        $(this).fadeIn(400);
                    });

                });
                        return false;
                    });

                });
		</script>
        <!-- close ảnh mẫu sản phẩm -->
        <!-- thông tin sản phẩm -->
        <div class="chitiet">
        	<font>Dạy con làm giàu</font> <p> 
            <span>Số trang:</span> <span class="text">40 trang</span> <p>
            <span>Nhà xuất bản :</span> <a href="#">Đại học quốc gia</a><p>
            <span>Tác giả :</span> <a href="#">Nguyễn Văn A</a><p>
            <span>Giá bìa :</span> <span class="text">40.000 Đ</span><p>
            <span>Giá Sbook :</span> <b>40.000 Đ</b>
            <a href="#" class="giohang"><img src="images/add_to_bucket.png" /></a>
        </div>
        <!-- close thông tin sản phẩm -->
    </div>
    <!-- close sản phẩm -->
    <!-- sản phẩm liên quan -->
    <div class="splienquan">
    	<div id="scroller">
        	<a href="#"><img src="images/img_book/sach1.jpg" width="90" height="67" /></a>
            <a href="#"><img src="images/img_book/sach2.jpg" width="90" height="67" /></a>
            <a href="#"><img src="images/img_book/sach3.jpg" width="90" height="67" /></a>
            <a href="#"><img src="images/img_book/sach4.jpg" width="90" height="67" /></a>
            <a href="#"><img src="images/img_book/sach5.jpg" width="90" height="67" /></a>
            <a href="#"><img src="images/img_book/sach1.jpg" width="90" height="67" /></a>
            <a href="#"><img src="images/img_book/sach2.jpg" width="90" height="67" /></a>
            <a href="#"><img src="images/img_book/sach3.jpg" width="90" height="67" /></a>
            <a href="#"><img src="images/img_book/sach4.jpg" width="90" height="67" /></a>
            <a href="#"><img src="images/img_book/sach1.jpg" width="90" height="67" /></a>
            <a href="#"><img src="images/img_book/sach2.jpg" width="90" height="67" /></a>
            <a href="#"><img src="images/img_book/sach3.jpg" width="90" height="67" /></a>
            <a href="#"><img src="images/img_book/sach4.jpg" width="90" height="67" /></a>
            <a href="#"><img src="images/img_book/sach5.jpg" width="90" height="67" /></a>
            <a href="#"><img src="images/img_book/sach1.jpg" width="90" height="67" /></a>
            <a href="#"><img src="images/img_book/sach2.jpg" width="90" height="67" /></a>
            <a href="#"><img src="images/img_book/sach3.jpg" width="90" height="67" /></a>
            <a href="#"><img src="images/img_book/sach4.jpg" width="90" height="67" /></a>
        </div>
        <script type="text/javascript">
		(function($) {
			$(function() {
				$("#scroller").simplyScroll({
				auto: false,
				speed: 10
				});
			});
			})(jQuery);
		</script>
    </div>
    <!-- close sản phẩm liên quan -->
    <!-- thông tin phụ -->
    <div class="thongtinphu">
    	<font>Thông tin phụ</font>
    </div>
    <!-- close thông tin phụ -->
</div>
<!-- close chi tiết sản phẩm -->
<!-- right -->
<div class="right">
	<!-- danh mục phải -->
	<div class="menu_right">
    	<h2 class="menu_head">- Đại học ngoại thương</h2>
        	<ul id="f1">
            	<li><a href="dssp_menuright.html">Khoa kinh tế đối ngoại</a></li>
                <li><a href="dssp_menuright.html">Khoa quản trị kinh doanh</a></li>
                <li><a href="dssp_menuright.html">Khoa tài chính ngân hàng</a></li>
            </ul>
        
        <h2 class="menu_head">- Đại học ngoại giao </h2>
        	<ul>
            	<li><a href="dssp_menuright.html">Khoa kinh tế đối ngoại</a></li>
                <li><a href="dssp_menuright.html">Khoa quản trị kinh doanh</a></li>
                <li><a href="dssp_menuright.html">Khoa tài chính ngân hàng</a></li>
            </ul>
       
        <h2 class="menu_head">- Sách kinh tế</h2>
        <script type="text/javascript">
			$(document).ready(function() {
				$("div.right div.menu_right ul:not(first)").hide();
				$('ul#f1').show();
   				$('h2.menu_head').click(function() {
					
        		$('.active').removeClass('active');
        		$(this).addClass('active');
        		$('ul').slideUp('slow');
				$(this).next('ul').slideDown('slow');
       		 	var content_show = $(this).attr('title');
        		$('#' + content_show).slideDown('slow');

    		});
		});
		</script>
    </div>
    <!-- close danh mục phải -->
</div>
<!-- close right -->
<!-- footer --> 
<div class="footer">
</div>
<!-- close footer --> 
</div>
</center>
</body>
</html>
